<template>
  <van-swipe :autoplay="3000" lazy-render>
    <van-swipe-item v-for="image in images" :key="image">
      <img :src="image">
    </van-swipe-item>
  </van-swipe>

  <van-action-bar>
    <van-action-bar-icon icon="chat-o" text="客服" />
    <van-action-bar-icon icon="shop-o" text="店铺" />
    <van-action-bar-button color="#be99ff" type="warning" text="加入购物车" />
    <van-action-bar-button color="#7232dd" type="danger" text="立即购买" />
  </van-action-bar>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const images = [
      'https://img.yzcdn.cn/vant/apple-1.jpg',
      'https://img.yzcdn.cn/vant/apple-2.jpg'
    ]
    return { images }
  }
})
</script>

<style></style>
